<template>
<h1>隐藏显示指令</h1>
<!--  v-if与v-show都是控制元素是否出现，true出现，false不出现
   二者区别：
   v-if 会直接跳出元素渲染
   v-show 采用css的display none；修改元素的显示模式让元素消失-->
  <p v-if="true">小红</p>
  <p v-if="false">小蓝</p>
<!-- v-else 会找上面离自己最近的v-if值进行取反 -->
  <p v-else>小黄</p>
<hr>
  <p v-show="true">威哥</p>
  <p v-show="false">威哥哥</p>
  <p v-show="true">威神</p>

</template>

<script setup>

</script>



<style scoped>

</style>